<%--
    Document   : membroSearch
    Created on : 10/07/2013, 18:31:48
    Author     : Max
    Description:
        Esse documento JSP é utilizado para
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="interfaceHead.jsp" %>
    </head>

    <body>
        <div class="nonFooter">
            <%--HEADER--%>
            <%@include file="interfaceHeader.jsp" %>

            <%--MAIN--%>
            <div id="main" class="container">
                <div class="row">
                    <nav class="span3">
                        <%@include file="interfaceNavigation.jsp" %>
                    </nav>
                    <div class="span9">
                        <h1>Pesquisar por membros ativos</h1>
                        <form action="" method="get"
                              class="well">
                            <label for="nome">Nome</label>
                            <input type="text" name="nome" value=""
                                   id="nome" class="input-xxlarge"
                                   placeholder="Insira um nome para a pesquisa"/>

                            <div class="search-filter">
                                <label for="cpf">CPF</label>
                                <input type="text" name="cpf"
                                       id="cpf" class="input-xlarge"
                                       placeholder="###.###.###-##"/>

                                <label for="rg">RG</label>
                                <input type="text" name="rg"
                                       id="rg" class="input-xlarge"
                                       pattern="[0-9]*"
                                       placeholder="Somente números"/>

                                <label for="email">E-mail</label>
                                <input type="email" name="email"
                                       id="email" class="input-xxlarge"
                                       placeholder="exemplo@exemplo.com"
                                       />

                            </div>

                            <div class="form-actions">
                                <button type="submit" name="action" value="search"
                                        class="btn btn-large btn-primary">
                                    Pesquisar
                                </button>
                                <button type="button"
                                        class="btn btn-large"
                                        onclick="toggleSearchFilter(this)">
                                    Filtros
                                </button>
                            </div>
                        </form>

                        <p class="lead">
                            Clique sobre um resultado para visualizar o perfil
                        </p>
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Nome</th>
                                    <th>CPF</th>
                                    <th>Email</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Nome do Petiano</td>
                                    <td>000.000.000-00</td>
                                    <td>exemplo@exemplo.com</td>
                                </tr>
                                <tr>
                                    <td>Nome do Petiano</td>
                                    <td>000.000.000-00</td>
                                    <td>exemplo@exemplo.com</td>
                                </tr>
                                <tr>
                                    <td>Nome do Petiano</td>
                                    <td>000.000.000-00</td>
                                    <td>exemplo@exemplo.com</td>
                                </tr>
                                <tr>
                                    <td>Nome do Petiano</td>
                                    <td>000.000.000-00</td>
                                    <td>exemplo@exemplo.com</td>
                                </tr>
                            </tbody>
                        </table>



                    </div>

                </div>
            </div>

            <%--StickyFooter--%>
            <div id="push"></div>
        </div>
        <%@include file="interfaceFooter.jsp" %>
    </body>
</html>

